Skip to content

Conversation

ignyx
Copy link

@ignyx ignyx commented Sep 5, 2025

Description

The Snapshot guide describes usage of the toMatchImageSnapshot matcher from jest-image-snapshot.

In Typescript, it is necessary to extend the Assertion type declaration, otherwise expect().toMatchImageSnapshot isn't typed. This PR adds a reference to the Extending matchers page.


Please don't delete this checklist! Before submitting the PR, please make sure you do the following:

  • It's really useful if your PR references an issue where it is discussed ahead of time. If the feature is substantial or introduces breaking changes without a discussion, PR might be closed.
  • Ideally, include a test that fails without this PR but passes with it.
  • Please, don't make changes to pnpm-lock.yaml unless you introduce a new test example.
  • Please check Allow edits by maintainers to make review process faster. Note that this option is not available for repositories that are owned by Github organizations.

Tests

  • Run the tests with pnpm test:ci.

Documentation

  • If you introduce new functionality, document it. You can run documentation with pnpm run docs command.

Changesets

  • Changes in changelog are generated from PR name. Please, make sure that it explains your changes in an understandable manner. Please, prefix changeset messages with feat:, fix:, perf:, docs:, or chore:.

Copy link

netlify bot commented Sep 5, 2025

Deploy Preview for vitest-dev ready!

Built without sensitive environment variables

Name Link
🔨 Latest commit 4a882da
🔍 Latest deploy log https://app.netlify.com/projects/vitest-dev/deploys/68bab442726cfe00089ef240
😎 Deploy Preview https://deploy-preview-8537--vitest-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

## Image Snapshots

It's also possible to snapshot images using [`jest-image-snapshot`](https://github.com/americanexpress/jest-image-snapshot).
It's also possible to snapshot images using [`jest-image-snapshot`](https://github.com/americanexpress/jest-image-snapshot). When using Typescript, you will need to [extend the `Assertion` interface](/guide/extending-matchers.html).
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This doesn't really explain anything. If you need to have types for this package, you just need to have @types/jest-image-snapshot installed. This is something that should be explained by the package itself

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

jest-image-snapshot users need to use expect.extend, which unfortunately doesn't add typing. However, going over their docs again, there is a section mentioning the necessity to add a matcher. I will close the PR as the package docs (partially) explain how to do it.

@ignyx ignyx closed this Oct 3, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants